<!-- JQuery library -->
    <script type="text/javascript" src="../../js/jquery-1.4.4.min.js"></script>
<!-- CKEditor -->
    <script type="text/javascript" src="../../lib/ckeditor/ckeditor.js"></script>
    
<script>
    function desactiva_textarea(categoria) 
    {      
        if ($('input[name=chb_'+categoria+']').is(':checked'))
        {
            $('#editor_'+categoria).hide("slow");
            $('#lbl_'+categoria).html("Mostrar esta categoria");
        }
        else 
        {
            $('#editor_'+categoria).show("slow");
            $('#lbl_'+categoria).html("No mostrar esta categoria en la web de la Clínica.");
        }
    }
    
    /*function guardarform() 
    {
        alert("guardando...");
        var url = $('#categoriascv').attr('action');
        var datos = $('#categoriascv').serializeArray();
        
        alert(url);
        alert(datos);
        
        $.post( url, datos, function(data) 
        {  
            $('#resultado').html(data);  
        });
    }*/
    
</script>

<style>
    .info_cv 
    {
        width: 980px;
        margin: auto;
        font:16px Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
    }
    
    h2 
    {
        color: #004382;
        font-size: 13px; 
    }
</style>

<br />
<div class="info_cv">  
        <!--<form id="categoriascv" name="categoriascv" method="post" onsubmit="guardarform(); return false" action="./programas/medico/info-adicional/ainformacioncv.php" >-->
        <form id="categoriascv" name="categoriascv" method="post" action="../../programas/medico/info-adicional/ainformacioncv.php?accion=nuevo" >
            <input type="submit" name="guardar" value="Guardar" />
        <!-- INICIO BLOQUE : categorias -->
            <h2> {categoria} </h2> 
            <input type="checkbox" id="chb_{categoria}" name="chb_{categoria}" value="desactivar_{categoria}" onchange="desactiva_textarea('{categoria}')" /> 
            <label for="chb_{categoria}" id="lbl_{categoria}">No mostrar esta categoria en la web de la Clínica.</label>
            
            <div id="editor_{categoria}">          
                <textarea cols="80" id="textarea_{categoria}" name="{categoria}" rows="15" style="width: 768px" >
                    
                </textarea>
                
                <br />
                
                <script type="text/javascript">
        			//<![CDATA[
        				CKEDITOR.replace( 'textarea_{categoria}',
        					{
        
        						skin : 'kama',
                                toolbar : 'CBelenToolbar',
                                //coreStyles_bold	: { element : 'span', attributes : {'class': 'Bold'} },
                                //coreStyles_italic : { element : 'span', attributes : {'class': 'Italic'} }
        
        					});
        			//]]>
    			</script>
            </div>
        <!-- FIN BLOQUE : categorias -->
        <br />
        <input type="submit" name="guardar" value="Guardar" />
        </form>
              
</div>